<template>
  <div id="app">
    <div>
      <br />
      <form class="form-inline">
        <label for="name">&nbsp;{{$t('admin.jiemu_jiemumingcheng')}}:</label>
        <input
          type="text"
          class="form-control"
          id="usnameval"
          onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
          :placeholder="$t('admin.jiemu_qsrjmmc')"
          style="width:170px;"
        />
        <label for="name">&nbsp;{{$t('admin.jiemu_jiemuleixing')}}:</label>
        <select title id="type" class="form-control" style="width:132px;">
          <option value>{{$t('jiemu_quanbu')}}</option>
          <!-- <option value="0">公益广告</option>
          <option value="1">商业广告</option>-->
          <option value="2">{{$t('jiemu_jmlx2')}}</option>
          <option value="3">{{$t('jiemu_jmlx3')}}</option>
        </select>
        <label for="name">&nbsp;{{$t('jiemu_shebieleixing')}}:</label>
        <select title id="devicetype" class="form-control" style="width: 90px;">
          <option value>{{$t('jiemu_quanbu')}}</option>
          <option value="0">{{$t('jiemu_sblx0')}}</option>
          <option value="1">{{$t('jiemu_sblx1')}}</option>
          <option value="2">{{$t('jiemu_sblx2')}}</option>
          <option value="3">{{$t('jiemu_sblx3')}}</option>
        </select>
        <button type="button" class="btn btn-primary">{{$t('jiemu_chaxun')}}</button>
      </form>
    </div>
    <div></div>
    <br />
    <div class="col-md-12" style="padding-right:0px;padding-left:0px;">
      <div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title" style="margin-left: 500px;">{{$t('jiemu_sheheliebiao')}}</h3>
        </div>
        <div class="panel-body" style="height:100%;padding:0px;">
          <div class="jqGrid_wrapper">
            <table id="table_list_1"></table>
            <div id="pager_list_1"></div>
          </div>
        </div>
      </div>
    </div>

    <div>
      <!-- 查看审核状态 -->
      <div
        class="modal fade"
        id="modalExamine"
        style="overflow:auto"
        tabindex="-1"
        role="dialog"
        aria-labelledby="myModalLabel"
        aria-hidden="true"
      >
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title" id="myModalLabel">{{$t('jiemu_chaxun')}}</h4>
            </div>
            <div class="modal-body">
              <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="jb">
                  <form class="form-horizontal" role="form">
                    <div class="form-group" id="plcz">
                      <label for="numberNo" class="col-sm-3 control-label">{{$t('jiemu_bianhao')}}</label>

                      <div class="col-sm-9">
                        <input
                          type="text"
                          class="form-control"
                          id="numberNo"
                          onkeyup="this.value=this.value.replace(/\D/g,'')"
                          onafterpaste="this.value=this.value.replace(/\D/g,'')"
                          maxlength="11"
                          disabled
                        />
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="programNo" class="col-sm-3 control-label">{{$t('jiemu_jiemuhao')}}</label>
                      <div class="col-sm-9">
                        <input
                          type="text"
                          class="form-control"
                          maxlength="12"
                          id="programNo"
                          onkeyup="this.value=this.value.replace(/\D/g,'')"
                          onafterpaste="this.value=this.value.replace(/\D/g,'')"
                          disabled
                        />
                      </div>
                    </div>

                    <div class="form-group">
                      <label for="programeName" class="col-sm-3 control-label">{{$t('jiemu_mingcheng')}}</label>
                      <div class="col-sm-9">
                        <input
                          type="text"
                          class="form-control"
                          maxlength="20"
                          id="programeName"
                          onkeyup="this.value=this.value.replace(/[/\\\\r\n/\s//\//]/g,'')"
                          onblur="this.value=this.value.replace(/[/\\\\r\n/\s//\//]/g,'')"
                          disabled
                        />
                      </div>
                    </div>
                    <input type="text" class="form-control" id="createId" style="display:none" />
                    <div class="form-group">
                      <label for="submitMan" class="col-sm-3 control-label">{{$t('jiemu_chuangjianzhe')}}</label>
                      <div class="col-sm-9">
                        <input
                          type="text"
                          class="form-control"
                          id="submitMan"
                          onkeyup="this.value=this.value.replace(/[/\\\\r\n/\s//\//]/g,'')"
                          onblur="this.value=this.value.replace(/[/\\\\r\n/\s//\//]/g,'')"
                          maxlength="11"
                          disabled
                        />
                      </div>
                    </div>

                    <div class="form-group">
                      <label for="result" class="col-sm-3 control-label">{{$t('jiemu_shehejjieguo')}}</label>
                      <div class="col-sm-9">
                        <select id="result" class="form-control">
                          <option value="1" selected>{{$t('jiemu_shzt1')}}</option>
                          <option value="3">{{$t('jiemu_shzt3')}}</option>
                          <option value="4">{{$t('jiemu_shzt4')}}</option>
                        </select>
                      </div>
                    </div>
                    <div class="form-group" style="display:">
                      <label for="reason" class="col-sm-3 control-label">{{$t('jiemu_yuanying')}}：</label>
                      <div class="col-sm-9">
                        <textarea id="reason"></textarea>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">{{$t('jiemu_guangbi')}}</button>
                <button type="button" class="btn btn-primary" id="updateExamine">{{$t('jiemu_baocun')}}</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 状态 -->
    <div
      class="modal fade"
      id="myModalState"
      style="overflow:auto"
      tabindex="-1"
      role="dialog"
      aria-labelledby="myModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-mg">
        <div class="modal-content">
          <div class="modal-header" style="height:42px;padding:10px;">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              id="addclose"
              aria-hidden="true"
            >&times;</button>
            <h4 class="modal-title" id="myModalLabel">当前设备</h4>
          </div>
          <div class="modal-body">
            <form class="form-horizontal" role="form">
              <iframe
                id="iframescr"
                name="iframescr"
                src="?#/page/program/liststate"
                width="100%"
                frameborder="no"
                border="0"
                marginwidth="0"
                marginheight="0"
                scrolling="yes"
                allowtransparency="yes"
                style="height: 600px;"
              ></iframe>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<style>
@import "../../../../static/css/ztree/metroStyle.css";

@import "../../../../static/css/mloading/jquery.mloading.css";
#reason {
  height: 55px;
  width: 400px;
}
</style>
<style  scoped>
ul.ztree {
  margin-top: 10px;
  border: 1px solid #617775;
  background: #f0f6e4;
  width: 210px;
  height: 360px;
  overflow-y: scroll;
  overflow-x: auto;
}
.ztree {
  margin: 0;
  padding: 5px;
  color: #333;
}
::-webkit-scrollbar {
  width: 6px;
  /*height: 6px;*/
}
/*正常情况下滑块的样式*/
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/*鼠标悬浮在滑块上时滑块的样式*/
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/*正常时候的主干部分*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: white;
}
/*鼠标悬浮在滚动条上的主干部分*/
::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.01);
}
/* @import '../../../../static/css/home/bootstrap.min.css';*/
</style>
<script>
//import loading from '../../../../static/js/Tree/companyTree.js'
//import loadingtow from '../../../../static/js/Tree/companyTreetow.js'
//import Vue from 'vue';
//Vue.use(loading);
import "../../../../static/js/jqgrid/jquery.jqGrid.min.js";
require(window.localStorage.getItem('languageval')=="zh"?"../../../../static/js/jqgrid/grid.locale-cn.js":"../../../../static/js/jqgrid/grid.locale-en.js");
import "../../../../static/js/page/Program/examinelist.js";
import "../../../../static/js/mloading/jquery.mloading.js";

import loading from "@/views/tree/companydeviceselect.vue";

//import loading from '@/views/tree/companylist.vue';
//import '../../../../static/js/md5.js';
export default {
  name: "app",
  data() {
    return {
      //selected:"",
      //lgvsRole:"",
      // userinfo:"",
      // selectedsex:"",
      // selectedzt:"",
      // selected: '01',   // 这里选择默认项
    };
  },
  mounted() {
    //console.log(hex_md5("123456").toUpperCase());
    //var self = this;
    // domain.jsonthis=this;
    // var json=[{"user_name":123}];
    // this.userinfo=json;alert(this.userinfo);
    // hex_md5("123456").toUpperCase()fcomponent
    // console.log(json.libraryBooks);
    //self.userinfo=json.libraryBooks;
  },
  methods: {},
  components: {
    loading: loading
  }
};
</script>